<hr>
<h2 id="title-videodate-2018-12-20-23-14-38keywords-B站description-comments-falsephotos"><a href="#title-videodate-2018-12-20-23-14-38keywords-B站description-comments-falsephotos" class="headerlink" title="title: videodate: 2018-12-20 23:14:38keywords: B站description:comments: falsephotos: "></a>title: video<br>date: 2018-12-20 23:14:38<br>keywords: B站<br>description:<br>comments: false<br>photos: </h2><p>{% raw %}</p>
<script>
  var videos = [
    {
      img: 'https://lain.bgm.tv/pic/cover/l/0e/1e/218971_2y351.jpg',
      title: '朝花夕誓——于离别之朝束起约定之花',
      status: '已追完',
      progress: 100,
      jp: 'さよならの朝に約束の花をかざろう',
      time: '放送时间: 2018-02-24 SUN.',
      desc: ' 住在远离尘嚣的土地，一边将每天的事情编织成名为希比欧的布，一边静静生活的伊欧夫人民。在15岁左右外表就停止成长，拥有数百年寿命的他们，被称为“离别的一族”，并被视为活着的传说。没有双亲的伊欧夫少女玛奇亚，过着被伙伴包围的平稳日子，却总感觉“孤身一人”。他们的这种日常，一瞬间就崩溃消失。追求伊欧夫的长寿之血，梅萨蒂军乘坐着名为雷纳特的古代兽发动了进攻。在绝望与混乱之中，伊欧夫的第一美女蕾莉亚被梅萨蒂带走，而玛奇亚暗恋的少年克里姆也失踪了。玛奇亚虽然总算逃脱了，却失去了伙伴和归去之地……。'
    },
    {
      img : 'https://lain.bgm.tv/pic/cover/l/0e/1e/218971_2y351.jpg',
      title: '朝花夕誓——于离别之朝束起约定之花',
      status: '已追完',
      progress: 100,
      jp: 'さよならの朝に約束の花をかざろう',
      time: '2018-02-24 SUN.',
      desc: ' 住在远离尘嚣的土地，一边将每天的事情编织成名为希比欧的布，一边静静生活的伊欧夫人民。在15岁左右外表就停止成长，拥有数百年寿命的他们，被称为“离别的一族”，并被视为活着的传说。没有双亲的伊欧夫少女玛奇亚，过着被伙伴包围的平稳日子，却总感觉“孤身一人”。他们的这种日常，一瞬间就崩溃消失。追求伊欧夫的长寿之血，梅萨蒂军乘坐着名为雷纳特的古代兽发动了进攻。在绝望与混乱之中，伊欧夫的第一美女蕾莉亚被梅萨蒂带走，而玛奇亚暗恋的少年克里姆也失踪了。玛奇亚虽然总算逃脱了，却失去了伙伴和归去之地……。'
    }
  ]
</script>
<p>{% endraw %}</p>
<p>{% raw %}<br>  <style>.should-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:95%;}.should-ellipsis-full{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;}.should-ellipsis i{position:absolute;right:24px;}.grey-text{color:#9e9e9e !important}.grey-text.text-darken-4{color:#212121 !important}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}img{border-style:none}progress{display:inline-block;vertical-align:baseline}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}html{-webkit-box-sizing:border-box;box-sizing:border-box}<em>,</em>:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit}ul:not(.browser-default){padding-left:0;list-style-type:none}ul:not(.browser-default)&gt;li{list-style-type:none}.card{-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2)}.hoverable{-webkit-transition:-webkit-box-shadow .25s;transition:-webkit-box-shadow .25s;transition:box-shadow .25s;transition:box-shadow .25s,-webkit-box-shadow .25s}.hoverable:hover{-webkit-box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}i{line-height:inherit}i.right{float:right;margin-left:15px}.bangumi .right{float:right !important}.material-icons{text-rendering:optimizeLegibility;-webkit-font-feature-settings:’liga’;-moz-font-feature-settings:’liga’;font-feature-settings:’liga’}.row{margin-left:auto;margin-right:auto;margin-bottom:20px}.row:after{content:””;display:table;clear:both}.row .col{float:left;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 .75rem;min-height:1px}.row .col.s12{width:100%;margin-left:auto;left:auto;right:auto}@media only screen and (min-width:601px){.row .col.m6{width:50%;margin-left:auto;left:auto;right:auto}}html{line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,”Segoe UI”,Roboto,Oxygen-Sans,Ubuntu,Cantarell,”Helvetica Neue”,sans-serif;font-weight:normal;color:rgba(0,0,0,0.87)}@media only screen and (min-width:0){html{font-size:14px}}@media only screen and (min-width:992px){html{font-size:14.5px}}@media only screen and (min-width:1200px){html{font-size:15px}}.card{position:relative;margin:.5rem 0 1rem 0;background-color:#fff;-webkit-transition:-webkit-box-shadow .25s;transition:-webkit-box-shadow .25s;transition:box-shadow .25s;transition:box-shadow .25s,-webkit-box-shadow .25s;border-radius:2px}.card .card-title{font-size:24px;font-weight:300}.card .card-title.activator{cursor:pointer}.card .card-image{position:relative}.card .card-image img{display:block;border-radius:2px 2px 0 0;position:relative;left:0;right:0;top:0;bottom:0;width:100%}.card .card-content{padding:24px;border-radius:0 0 2px 2px}.card .card-content p{margin:0}.card .card-content .card-title{display:block;line-height:32px;margin-bottom:8px}.card .card-content .card-title i{line-height:32px}.card .card-reveal{padding:24px;position:absolute;background-color:#fff;width:100%;overflow-y:auto;left:0;top:100%;height:100%;z-index:3;display:none}.card .card-reveal .card-title{cursor:pointer;display:block}.waves-effect{position:relative;cursor:pointer;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;vertical-align:middle;z-index:1;-webkit-transition:.3s ease-out;transition:.3s ease-out}.waves-effect img{position:relative;z-index:-1}.waves-block{display:block}::-webkit-input-placeholder{color:#d1d1d1}::-moz-placeholder{color:#d1d1d1}:-ms-input-placeholder{color:#d1d1d1}::-ms-input-placeholder{color:#d1d1d1}[type&#x3D;”radio”]:not(:checked){position:absolute;opacity:0;pointer-events:none}[type&#x3D;”radio”]:not(:checked)+span{position:relative;padding-left:35px;cursor:pointer;display:inline-block;height:25px;line-height:25px;font-size:1rem;-webkit-transition:.28s ease;transition:.28s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[type&#x3D;”radio”]:not(:checked)+span:before,[type&#x3D;”radio”]:not(:checked)+span:after{border-radius:50%}[type&#x3D;”radio”]:not(:checked)+span:before,[type&#x3D;”radio”]:not(:checked)+span:after{border:2px solid #5a5a5a}[type&#x3D;”radio”]:not(:checked)+span:after{-webkit-transform:scale(0);transform:scale(0)}[type&#x3D;”checkbox”]:not(:checked){position:absolute;opacity:0;pointer-events:none}[type&#x3D;”checkbox”]:not(:checked):disabled+span:not(.lever):before{border:none;background-color:rgba(0,0,0,0.42)}[type&#x3D;”checkbox”].filled-in:not(:checked)+span:not(.lever):before{width:0;height:0;border:3px solid transparent;left:6px;top:10px;-webkit-transform:rotateZ(37deg);transform:rotateZ(37deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type&#x3D;”checkbox”].filled-in:not(:checked)+span:not(.lever):after{height:20px;width:20px;background-color:transparent;border:2px solid #5a5a5a;top:0px;z-index:0}input[type&#x3D;checkbox]:not(:disabled) ~ .lever:active:before,input[type&#x3D;checkbox]:not(:disabled).tabbed:focus ~ .lever::before{-webkit-transform:scale(2.4);transform:scale(2.4);background-color:rgba(0,0,0,0.08)}input[type&#x3D;range].focused:focus:not(.active)::-webkit-slider-thumb{-webkit-box-shadow:0 0 0 10px rgba(38,166,154,0.26);box-shadow:0 0 0 10px rgba(38,166,154,0.26)}input[type&#x3D;range].focused:focus:not(.active)::-moz-range-thumb{box-shadow:0 0 0 10px rgba(38,166,154,0.26)}input[type&#x3D;range].focused:focus:not(.active)::-ms-thumb{box-shadow:0 0 0 10px rgba(38,166,154,0.26)}<br>  </style><br>  <header class="page-header"><h1 class="cat-title">番组计划</h1> <span class="cat-des"><p>这里将是永远的回忆</p> </span></header><br>  <div class="bangumi"><br>    <div class="row" id="rootRow"><br>    </div><br>  </div><br>  <script><br>  window.onload = function(){<br>    videos.forEach(function(video, i){<br>      $('#rootRow').append(<code>&lt;div class=&quot;col s12 m6&quot; id=&quot;bangumi-218971&quot;&gt;         &lt;div class=&quot;card hoverable&quot; style=&quot;overflow: visible;&quot;&gt;           &lt;div class=&quot;card-image waves-effect waves-block waves-light&quot;&gt;             &lt;div class=&quot;activator itempic lazyload&quot; style=&quot;background-image: url(${video.img});&quot; data-src=&quot;${video.img}&quot;&gt;             &lt;/div&gt;           &lt;/div&gt;           &lt;div class=&quot;card-content&quot;&gt;             &lt;div class=&quot;card-title should-ellipsis activator grey-text text-darken-4&quot;&gt;               ${video.title}&lt;i class=&quot;fa fa-commenting-o right&quot;&gt;&lt;/i&gt;             &lt;/div&gt;             &lt;p class=&quot;should-ellipsis-full&quot;&gt;             ${video.jp}&lt;/p&gt;             &lt;ul class=&quot;skill-list&quot;&gt;               &lt;li class=&quot;skill&quot;&gt;                 &lt;div&gt;                 ${video.status}&lt;/div&gt;                 &lt;progress class=&quot;skill-1&quot; max=&quot;100&quot; value=&quot;${video.progress}&quot;&gt;                 &lt;/progress&gt;               &lt;/li&gt;             &lt;/ul&gt;           &lt;/div&gt;           &lt;div class=&quot;card-reveal&quot; style=&quot;display: none; transform: translateY(0%);&quot;&gt;             &lt;span class=&quot;card-title grey-text text-darken-4&quot;&gt;               ${video.title}&lt;i class=&quot;fa fa-close right&quot;&gt;&lt;/i&gt;             &lt;/span&gt;             &lt;span&gt;               ${video.jp}&lt;br&gt;             &lt;/span&gt;             &lt;span&gt;               放送时间: ${video.time}&lt;span&gt;                 &lt;p&gt;${video.desc}&lt;/p&gt;                 &lt;ul class=&quot;skill-list&quot;&gt;                   &lt;li class=&quot;skill&quot;&gt;                     &lt;div&gt;                     ${video.status}&lt;/div&gt;                     &lt;progress class=&quot;skill-1&quot; max=&quot;100&quot; value=&quot;${video.progress}&quot;&gt;                     &lt;/progress&gt;                   &lt;/li&gt;                 &lt;/ul&gt;               &lt;/span&gt;             &lt;/span&gt;           &lt;/div&gt;         &lt;/div&gt;       &lt;/div&gt;</code>)<br>    })<br>  }<br>  </script><br>{% endraw %}</p>
